@charset "utf-8";
/* CSS Document */

body {	
  font-family: 'Open Sans', 'sans-serif';
  background: #F5F5F5; 
  margin-bottom: 95px;
}   

html {

	position: relative;
	min-height: 100%;
}

/* FORMULÁRIO - LOGIN 
-----------------------------------*/

.login input[type="text"] {
	margin-bottom: -1px;	
} 

.login input[type="password"] {
	margin-bottom: 10px;		
}

/*select#cb_permissao {
	margin-top: 8px;
} */

.login .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;	
} 

.login #enviar {
	font-size: 16px;
}

form.login {
	padding: 15px;		
	margin: 0 auto;
	max-width: 330px;	
} 

/*form.cad-login {
	margin: 0 auto;
	max-width: 330px;	
} 

h3#label-cad-usuario {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1px;
}*/ 

button#btnVoltar {
	font-size: 21px;
	top: 0px;
}

/* FORMULÁRIO CADASTRO/EDITAR USUÁRIO / FORMULÁRIO ALTERAR SENHA
--------------------------------------------------------------------*/

#form-cadastro-usuario input#nome, #form-editar-usuario input#nome {
	max-width:400px;
}

#form-cadastro-usuario input#login, #form-editar-usuario input#login {	
	max-width: 300px;
}

#form-cadastro-usuario input#senha, #form-editar-usuario input#senha,
#form-cadastro-usuario input#confirma_senha, #form-editar-usuario input#confirma_senha,
#form-altera-senha     input#senha, #form-altera-senha   input#confirma_senha {	
	max-width: 250px;
}

#form-cadastro-usuario select#cb_perfil_usuario, #form-editar-usuario select#cb_perfil_usuario {
	max-width: 200px;
}

/* ALERTA - LOGIN
------------------ */

#alerta-login {
	margin: 0 auto;
	max-width: 300px;
	margin-bottom: 15px;
}

/* CABEÇALHO - PAINEL 
--------------------------*/

.page-header {	
	margin: 6px 0 2px;
}

.well {
	background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
	background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #2b669a;
}

.msg-boas-vindas {
	color: #fff;	
	text-align: justify;
	margin-bottom: 10px;
}

a[id="lnkSair"] {
	color: #ffeb00;	
}

a[id="lnkSair"], .msg-boas-vindas {
	font-size: 13px;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

div.page-header.well .control-group span {
	color: #fff;
	top: 3px;
	margin-right: 5px;
}

/* RODAPÉ - PAINEL
--------------------*/

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #FAFAFA;	
}

.container .text-muted {
  margin: 20px 0;
  text-align: center;
} 

/* IMAGEM LOGO
-----------------*/

.img-logo {	
	padding-bottom: 10px;
}

.center-block {
	height: auto;
	max-width: 100%;
}

/* FORMULÁRIO - PESQUISA
-------------------------------*/

input#busca {
	max-width: 300px;
} 

/* FORMULÁRIO - CADASTRO / EDITAR REPERTÓRIO
---------------------------------------------*/

input#artista {
	max-width:400px;
}

input#musica {	
	max-width: 400px;
}

textarea#letra {
	max-width: 600px;	
}

input#url_video {
	max-width: 700px;	
}

form#form-editar h2 {
	margin-bottom: 25px;
	font-weight: bold;
}

form#form-incluir h2 {
	margin-bottom: 25px;
	font-weight: bold;
}

div.form-group label {
	font-weight: normal;
}

div.form-group.btn-incluir-musica, div.form-group.btn-incluir-usuario  {
	margin-top: 15px;
}

/* BOTÃO(OES) FORMULÁRIO
----------------------*/

.form-group.button, div.btn-toolbar {
	margin-top: 35px;
}

/* FORMULÁRIO COM LABEL NA MESMA LINHA DO CAMPO 
-------------------------------------------------*/

.form-filtro { background-color: #e8f3ee; display: table; padding: 10px 0 10px 10px;margin-bottom: 15px;}
.form-row .btn-acoes { float: left; display: inline; width: 100%; text-align: center; padding-top: 20px;}
.grid_10 .form-row .btn-acoes { width: 560px !important;padding-top: 15px !important; }
.form-row .btn-acoes span { display: block; margin-bottom: 15px; padding: 0 40px; color: #1b857e; font-weight: bold;}
.form-row .btn-acoes span strong { color: #464646; }
.form-row .btn-acoes span label { display: inline; margin-right: 0; float: none; color: #464646; }
.form-row {	width: 100%; margin-bottom: 10px; display: inline; float: left; }
.form-row label { display: block; min-height: 30px; margin-right: 10px; padding-top: 0; text-align: left; float: left; }
.form-row table input, .form table input { float: left; margin-top: 2px; margin-right: 4px !important; width:auto; height: auto;}
.form-row .gridHorarioBloqueado input, .form .gridHorarioBloqueado input { float: none;}
.form-row table, .form-row table td, .form-row table td tr, .form table, .form table td, .form table td tr {border: none; padding: 0; margin: 0; }
.form-row h6 { display: inline-block; float: left; }
.form-row .controls-alinhado { display: inline; float: left; margin-left: 10px; }
.grid_15 .controls-alinhado { width: 710px;}
.grid_16 .controls-alinhado { width: 760px;}
.form-row .controls-name-alinhado { width: 160px; display: inline; float: left; }
.form-row .coluna-100 { width: 100px;}
.form-row .form-separador { background: url(../img/form-pontilhado-vertical.png) right top no-repeat; padding-right: 8px !important; padding-bottom: 7px !important; margin-right: 10px !important; }
.form-row .form-col:last-child {background: none; margin-right: 2px; padding:0;}
.form-row .form-col { float: left; background: url(../img/form-pontilhado-vertical.png) right top no-repeat; padding-right: 7px !important; margin-right: 8px !important; height: 31px; }
.form-row .form-col label { font-weight: bold; padding-top: 8px;}
.form-row .controls { display: block; float: left; padding-right: 10px; }
.form-row .alinhado input, .form-row .controls input, .form-row .controls select{ width: auto; margin: 2px 0 9px 0; }
.form-row .controls input.data { width: 90px; }
.form .submit-form{ margin-right: 0; }
.form-row div.ultimo, .form span.ultimo { float: right !important; padding-right: 0 !important; margin-right: 0 !important; }
.form div.ultimo { float: right !important; padding-right: 0 !important; margin-right: 15px !important; }
span.ultimo {display: block;}
.form-row .column span {color:#464646; font-weight: bold; text-transform:uppercase}
.imageHeaderRight input {float:inherit !important; margin-top: -2px !important;}


/* FORMULÁRIO COM LABEL ACIMA DO CAMPO
-----------------------------------------------*/

.form .control-full select, .form .control-full textarea, .form .control-full input { width: 100%; max-width: 100%; position: relative; margin-right:0;}
.form select, .form textarea, .form .control-full, .form .control-full .column { width: 100%;}
.form input[type="submit"] { width: auto;}
.form input[type="select"] { height: 26px; width: 100%; }
.form label { display: inline; margin-right: 3px; }
.form .label2 { margin-right: 3px;display: block; }
.form .separador, .steps .separador { width: 100%;margin-bottom: 5px;padding-bottom: 5px;}
.form .lista-separador, .steps .lista-separador { width: 100%; margin-bottom: 15px;}
.form .control-group { margin-bottom: 20px; display: table;}
.form .control-group .column {float: left; display: inline;min-height: 22px; margin-right: 10px;margin-top: 10px;}
.form .control-group .controls * { }
.form .control-group .controls {margin-top: 5px;}
.form .control-group .controls input[type="submit"] {width: auto; margin-right: 0; display: inline;}
.form .control-group .row-label { float: left; padding: 10px 5px 6px; width: 560px; }
.grid_10 .form .control-group .row-label { width: 550px !important; }
.form .control-group .row-label label { font-size: 18px; font-weight: bold;display: block;padding-top: 3px;}
.form .control-group .row-label .label2 { font-size: 14px; font-weight: bold; }
.form .submit-form { width: 140px; display: block; margin-left: auto; margin-right: 0; }
.form .control-group label span { font-weight:bold; color: #000000;}


/* MODAL
------------------------------*/

.modal-header {
 	border-bottom: none !important;
}

.modal-footer {
	margin-top: 0px !important;
	border-top: none !important;
	text-align: center !important;
}

.modal-body {
	text-align: center !important;
	padding: 0px !important;
}

div.modal-header > h3 {
	font-weight: bold;
}
	

/* MENSAGEM VALIDAÇÃO FORMULÁRIO
----------------------------------*/

label.error {
	font-size: 11px;
	color: #EC4040;	
}

input.error, select.error, textarea.error {
	border: solid 1px #FF7B90;
}

/* TABELA 
---------------------------*/

table tr.GridHeaderStyle th {
	background-color: #428bca;
    color: #fff;
    font-weight: 600;
}

table td.GridEmptyRowStyle {
	padding: 12px; 
	font-weight: bold;
}

table tr.CRUDGridRowStyle{
    background-color: #ffffff;
}

table tr.CRUDGridAlternatingRowStyle{
    background-color: #f5f8f4;
}

table tr.CRUDGridRowStyle td, table tr.CRUDGridRowStyle td {
    border-bottom: 1px solid #dde8dc !important;
}

div.GridNoRow {
	background-color: #D3D3D3; 
	margin-bottom: 5px;
}

.table.lista-usuario {
	width: 60%;
}

/* TÍTULO PÁGINA HOME
------------------------*/

div.jumbotron h2 {
	font-size: 45px;
}

/* PÁGINA LETRA MÚSICA 
------------------------*/

div#resultado p.letra {
	font-size: 15px;
}

div#resultado h2 {
	font-size: 35px;
	font-weight: bold;
}

div#resultado h4 {	
	font-weight: bold;
}


/* IMAGEM DENTRO INPUT TEXT 
----------------------------- */

.left-inner-icon {
    position: relative;
}

.left-inner-icon input {
    padding-left: 30px;    
}

.left-inner-icon span.glyphicon-search {
    position: absolute;
    padding: 6px 269px;
    pointer-events: none;
    z-index: 1;
    opacity: 0.7;
    font-size: 20px;
}

/* TITULO 
----------------*/

.titulo {
	margin-bottom: 25px;
	font-weight: bold;
	margin-top: 30px;
}

/* FORMULÁRIO - CAMPOS (LABEL E INPUT) NA MESMA LINHA 
-------------------------------------------------------*/

.form-group .column {
	float: left;
    margin-right: 20px;
}

/* BUTTON - FORMULÁRIO EDITAR/CADASTRAR
----------------------------------------

.form-group button[type='submit'] {
	margin-top: 15px;
} */

/* PÁGINA LETRA MÚSICA */

#btnVoltarMusica {
	font-size: 18px;
	margin-top: 20px;
}

